<template>
  <view class="many-radio" >
    <view class="many-radio-selected" :style="[{backgroundColor:(checked || $store.getters['cart/isCheckAll']? '#c00000' : '')}]"></view>
  </view>
</template>

<script setup>
  import {ref} from 'vue'
  // const checked = ref(true)
  const props = defineProps({
    checked: {
      type: Boolean,
      default: false
    }
  })
</script>

<style lang="scss">
   .many-radio {
     box-sizing: border-box;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 45rpx;
     width: 45rpx;
     border-radius: 50%;
     border: 3rpx solid #c00000;
     
     .many-radio-selected {
       height: 35rpx;
       width: 35rpx;
       border-radius: 50%;
     }
   }
</style>